<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>同游详情</title>
    <link rel="stylesheet" href="css/frozen.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/global.js"></script>
    <script src="js/jquery.jsonp.js"></script>
    <script type="text/javascript" src="cordova.js"></script>
    <script src="plugins/callActivity.js"></script>
    <script src="js/biz/usercenter/wode_tongyou_shoucangny.js"></script>
</head>
<body ontouchstart="">
<header class="ui-header ui-header-positive ui-border-b">
    <i class="ui-icon-return" onclick="history.back()"></i>
    <h1>同游详情</h1>
    <i class="ui-icons-more" id="m_add"></i>
</header>
<!-- 下拉 -->
<div class="w_cebiaoti">
    <div class="w_bga">
        <ul>
            <li class="w_shac" onclick="" id="boot"><a><img src="img/shoucang.png"><i class="log-sc">收藏</i></a></li>
            <li class="w_fxx"><a><img src="img/fenxiang.png"><i>分享</i></a></li>
            <li><a href="jubao.html"id="jubao"><img src="img/jubao.png"><i>举报</i></a></li>
            <li class="w_none"><b><img src="img/m_top.png"></b></li>
        </ul>
    </div>
</div>
<div class="w_cs">
    <div id="divbox" class="w_ysha">已收藏</div>
</div>
<div class="w_fxaa">
    <div class="w_fengx"></div>
    <div class="w_fxbox">
        <a href="#"><img src="img/qq.png"></a>
        <a href="#"><img src="img/weixin.png"></a>
        <a href="#"><img src="img/weibo.png"></a>
        <a href="#"><img src="img/pengyou.png"></a>
    </div>
</div>
<script type="text/javascript">
    //下拉
    $("#m_add").click(function(){
        $(".w_cebiaoti").slideToggle();
    });
    //			//消失
    //			function codefans(){
    //			var box=document.getElementById("divbox");
    //			box.style.display="none";
    //			}
    //			setTimeout("codefans()",3000);//3秒
    //			Zepto(".w_cs").tap(function(){
    //                Zepto(".w_ysha").hide();
    //            });
    //
    //分享
    Zepto(".w_fxx").tap(function(){
        //Zepto(".w_fxaa").show();
        shareUmeng("走青海","http://qzonestyle.gtimg.cn/qzone_v6/proj_connect_open/img/logo/logo_yinyuetai.png");
    });
   // Zepto(".w_fengx").tap(function(){
        //Zepto(".w_fxaa").hide();
    //});
</script>
<section class="ui-container mb50">
    <div class="ui-user-follow ui-border-b clearfix">
        <div class="ui-user-follow-info clearfix">
            <div class="ui-user-avatar">
                <img src="" width="55" height="55" alt=""id="photo">
            </div>
            <div class="ui-user-intro">
                <p><span id="nickName"></span><span class=""id="sex"><i id="sexicon"class=""></i><span id="age"></span></span></p>
                <p>魅力值 : <span class="ui-txt-red"id="charisma"></span></p>
            </div>
        </div>
        <div class="ui-user-follow-button text-align-right">
            <a href="javascript:void(0); "class="edit" style=" color:#00a5e0; border:1px solid #00a5e0; display:none;">+关注</a>
        </div>
    </div>
    <div class="ma_tab">
        <ul class="w_tab_title clearfix w_atb">
            <li class="ma_active">详细行程</li>
            <li><span id="looknumber"></span>人看过</li>
            <li>评论<span id="commentSize"></span></li>
            <li><span id="enterIds"></span>人已报名</li>
        </ul>
        <div class="ma_con01">
            <ul class="item-list ui-border-bottom">
                <li><i class="icons-item-start"></i>开始时间:<span id="startTime"></span></li>
                <li><i class="icons-item-end"></i>结束时间:<span id="endTime"></span></li>
                <li><i class="icons-item-with"></i>同游类型：<span id="wayType"></span></li>
                <li><i class="icons-item-position"></i>出发地点：<span id="goAddress"></span></li>
                <li><i class="icons-item-target"></i>目标景点：<span id="targetSpots"></span></li>
                <li><i class="icons-item-way"></i>出行方式：<span id="rentType"></span></li>
                <li><i class="icons-item-number"></i>同游人数：<span id="wayNumber"></span></li>
                <li><i class="icons-item-contact"></i>联系方式：<span id="contact"></span></li>
                <li><i class="icons-item-score"></i>同游亮点：<span id="brightSpot"></span></li>
            </ul>
            <div class="ui-intro">
                <h2>景点介绍</h2>
                <p>
                    <span id="wayDesc"></span>
                    <img src="" alt=""class="photos">
                </p>
            </div>
        </div>
        <div class="ma_con02">
            <ul class="order-list">

            </ul>
        </div>
        <div class="ma_con03">
            <ul class="comment-list">
            </ul>
        </div>
        <div class="ma_con04">
            <ul class="order-list order-list-grey">

            </ul>
            <!--同意-->
            <script language="javascript">
                $(function(){
                    $(".editc").bind("click",function(){
                        var _txt=$(this).text();
                        if(_txt=="同意"){
                            $(this).addClass("btn").text("已同意").css({'color':'#c5c5c5',width:'60px',height:'30px','padding':'0', 'border':'1px solid #c5c5c5'});

                        }
                        if(_txt=="已同意"){
                            $(this).removeClass("btn").text("同意");
                            $(this).css({color:'#00a5e0', 'border':'1px solid #00a5e0'})
                        }


                    })
                })
            </script>
        </div>
    </div>
</section>
<div class="album-bottom-menu">
    <!--style="display:none;"-->
    <ul class=" clearfix"id="bottomul" style="display:none;">
        <li class="ui-border-r"><a href="javascript:jumptocomment()"><i class="album-bottom-menu-comment"></i>评论</a></li>
        <li class="ui-border-r" onclick="jumptoChating()"id="phone"><i class="album-bottom-menu-chat"></i>聊天</li>
        <li class="log-bm" onclick=""><a href="javascript:void(0)"><i class="album-bottom-menu-apply" ></i>报名</a></li>
    </ul>
</div>
<script>
    // tab
    $(function () {
        $('.w_tab_title li').click(function(){
            //获得当前被点击的元素索引值
            var Index = $(this).index();
            //给菜单添加选择样式
            $(this).addClass('ma_active').siblings().removeClass('ma_active');
            //显示对应的div
            $('.ma_tab').children('div').eq(Index).show().siblings('div').hide();
        });
    });
</script>
</body>
</html>

